<template>
    <div id="body404">
        <div class="tit404">
            <span>ERROR</span>
            <p class="titError">页面正在开发中...</p>
            <!--<p>-->
                <!--<span>页面已走失，快回家吧！</span>-->
                <!--<span class="goBack" @click="goBack">返回首页</span>-->
            <!--</p>-->
        </div>
    </div>
</template>

<script>
    export default {
        name: 'errorPage',
        data () {
            return {
                toPath: ''
            }
        },
        created () {
            this.toPath = this.$route.query.toPath;
            console.log(this.toPath, 'topath');
            if (this.toPath) {
                this.$router.push({ path: this.toPath })
            }
        },
        methods: {
            goBack () {
                this.$router.push('/index')
            }
        }
    }
</script>

<style lang="scss" scoped>
    #body404{
        width: calc(100% - 200px);
        background: #212A4B url("../assets/images/bg404.png") no-repeat;
        background-size: 100% 100%;
        overflow: hidden;
        .bgImg{
            position: absolute;
            z-index: -1;
            bottom: 0;
            width: 100%;
        }
        .tit404{
            padding-top: 10%;
            color: rgba(255, 255, 255, 0.85);
            width: 100%;
            text-align: center;
            letter-spacing: 1px;
            p{
                padding-bottom: 10px;
                .goBack{
                    padding-left: 20px;
                    cursor: pointer;
                    &:hover{
                        color: #4AA2FF;
                    }
                }
            }
            .titError{
                font: 600 40px/150px "SansSerif";
                letter-spacing: 20px;
            }
            span{
                font: 500 18px/22px "SansSerif";
            }
            a{
                color: #fff;
                display: inline-block;
                margin-left: 20px;
                font-size: 14px;
            }
            a:hover{
                color: rgba(255, 255, 255, 0.74);
            }
        }
    }
</style>
